<template>
	<div id="paysuccess">
		<div class="layer">
			<div class="img1">
				<img src="../assets/pay/btn_cuohao.png">
			</div>
			<div class="img2">
				<img src="../assets/pay/btn_check_mark.png">
			</div>
			<div class="span">
				<span>支付成功，等待配送</span>
			</div>

		</div>
	</div>
</template>

<script>
</script>

<style>
	#paysuccess {
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(0, 0, 0, 0.50);
		display: flex;
		align-items: center;
	}

	.layer {
		height: 156px;
		width: 301px;
		text-align: center;
		background-color: #FFFFFF;
		margin-left: 37px;
		margin-right: 37px;
	}

	.layer .img1 img {
		width: 14px;
		height: 14px;
		position: fixed;
		right: 49px;
		margin-top: 12px;
	}

	.layer .img2 {
		margin-top: 42.2px;
	}

	.layer .img2 img {
		width: 43.5px;
		height: 32px;
	}

	.layer .span {
		font-size: 18px;
		color: #333333;
		font-family: "PingFangSC-Medium";
		font-weight: bold;
		margin-top: 24.8px;
	}
</style>
